<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@page import="org.corp.agi.web.constant.WebConstant"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ include file="/mca/templates/templateConstants.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="${requestScope.jsBase}/dropdown.js"></script>
<link rel="stylesheet" href="${requestScope.cssBase}/dropdown.css" type="text/css" />

<link rel="icon" href="${requestScope.appBase}/mca/ico/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="${requestScope.appBase}/mca/ico/favicon.ico" type="image/x-icon"/>

<link rel="stylesheet" type="text/css" href="${requestScope.cssBase}/css.css">
<link rel="stylesheet" type="text/css" href="${requestScope.cssBase}/smoothness/jquery-ui-1.7.2.custom.css"/>

<script type="text/javascript" src="${requestScope.jsBase}/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery.bgiframe.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery.checkboxtree.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery.radiobutton.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery.numeric.js"></script>
<script type="text/javascript" src="${requestScope.jsBase}/jquery.capitalize.js"></script>

<!-- STUFF YOU NEED FOR BEAUTYTIPS -->
<script src="${requestScope.jsBase}/bt/other_libs/jquery.hoverIntent.minified.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE]><script src="${requestScope.jsBase}/bt/other_libs/excanvas_r3/excanvas.js" type="text/javascript" charset="utf-8"></script><![endif]-->
<script src="${requestScope.jsBase}/bt/jquery.bt.min.js" type="text/javascript" charset="utf-8"></script>
<!-- /STUFF -->

<script language="javascript">
var $j = jQuery.noConflict();
</script>

<%@include file="/mca/templates/commonDWR.jspf"%>	

<!-- Common JS -->
<script type="text/javascript" src="${requestScope.agiJSBase}/agi-common.js"></script>	

<!-- AJAX -->
<script type="text/javascript" src="${requestScope.agiJSBase}/ajax-util.js"></script>

<!-- yav validation -->
<link rel="stylesheet" href="${requestScope.agiCssBase}/yav-style.css " type="text/css" />		
<script type="text/javascript" src="${requestScope.agiJSBase}/yav.js"></script>
<script type="text/javascript" src="${requestScope.agiJSBase}/yav-config.js"></script>

<!-- Define global client script here -->
<script type="text/javascript" src="${requestScope.agiJSBase}/common-popup.js"></script>

<!-- MCA Error Message For Javascript -->
<script type="text/javascript" src="${requestScope.jsBase}/mcaErrorMessage.js"></script>

<script type="text/javascript" src="${requestScope.jsBase}/jquery.maskedinput-1.2.2.min.js"></script>

<script language="javascript">	
$j(document).ready(function() {
	$j(".numeric").numeric();
	
	$j(".date").datepicker({
							showOn: 'button', 
							buttonImage: '${requestScope.imageBase}/icons/i_calendar.gif', 
							buttonImageOnly: true, 
							dateFormat: 'dd/mm/yy',
							duration: 'fast'
		});
	

		$j("#f2zoomDialog").dialog({ autoOpen: false, 
							bgiframe: true,
							width: 500,
							closeOnEscape: true
							/*buttons: {
								Ok: function () {$(this).dialog("close");}
							}*/
		});
	
	$j("#f2zoomBtn").click(function() {
		$j("#f2zoomDialog")
			.dialog( 'open' )
			.parents(".ui-dialog")
			.find(".ui-dialog-titlebar")
			.removeClass("ui-widget-header ui-corner-all")
			.addClass("f2zoomClose")
			;
			
	});			
	
	$j("#popupDIV").dialog({ 
								autoOpen: false, 
								bgiframe: true,
								modal: true,
								minWidth: 300,
								buttons: {
									Ok: function() {
										$j(this).dialog('close');
								}
							}
						
			});
		
		$j("#popupDIVBtn").click(function() {
			$j("#popupDIV")
				.dialog( 'open' )		
				.parents(".ui-dialog")
				.find(".ui-dialog-titlebar")
				.removeClass("ui-widget-header ui-corner-all");		
		});
	
	$j("input[name='nameTypeRadio']").click(function() {
		switch(this.value){ 
				case "FirstLast":
				$j('#nametypeFirstLast').show();
	 			$j('#nametypePeternalMeternal').hide();
	  			$j('#nametypeCompany').hide();
			break;    
			case "PeternalMeternal":
				$j('#nametypeFirstLast').hide();
	 			$j('#nametypePeternalMeternal').show();
	  			$j('#nametypeCompany').hide();
			break;    
			case "Company":
				$j('#nametypeFirstLast').hide();
	 			$j('#nametypePeternalMeternal').hide();
	  			$j('#nametypeCompany').show();
			  break;
			default:
			}
	});
	
		$j(".unorderedlisttree").checkboxTree({
					collapsedarrow: "${requestScope.imageBase}/plus.gif",
					expandedarrow: "${requestScope.imageBase}/minus.gif",
					blankarrow: "${requestScope.imageBase}/checkboxtree/img-arrow-blank.gif",
					checkchildren: true
			});
	});
	
</script>

<title>Manual Correction Application</title>
</head>

<body class="body-page-holder">

<div class="page-holder">
<div id="page">

<tiles:insertAttribute name="header" ignore="true" />
<tiles:insertAttribute name="topmenu" ignore="true" />
<tiles:insertAttribute name="body" ignore="true" />
<tiles:insertAttribute name="footer" ignore="true" />  

</div>
</div>      
<%@ include file="/agi/templates/templateCommonDialog.jsp"%> 
</body>
</html>